<ng-container *ngFor="let file of uploaderService.fileList">
  <div class="fui-upload-list">
    <div class="container-top">
      <svg fuiIcon="paper-clip" color="secondary" class="file"></svg>
      <div
        *ngIf="file.status !== 'exception'"
        class="font"
        title="{{ file.name }}"
        [class.noRightMargin]="file.status === 'success'"
      >{{ file.name }}</div>
      <div *ngIf="file.status === 'exception'" class="font" title="{{ file.errorText }}">{{ file.errorText }}</div>
      <svg
        (click)="handleResend(file)"
        *ngIf="file.status !== 'success'"
        class="repeat"
        fuiIcon="media-repeat"
      ></svg>
      <svg
        (click)="handleRemove(file)"
        *ngIf="file.status !== 'success'"
        fuiIcon="cross"
        class="cross"
      ></svg>
    </div>
    <ng-container *ngIf="file.status !== 'success'">
      <fui-progress [percent]="file.percent" [status]= "file.status"></fui-progress>
    </ng-container>
  </div>
</ng-container>
<div
  class="fui-upload-tips"
  *ngIf="!uploaderService.fileList.length && uploadTips"
>
  {{ uploadTips }}
</div>

